//
import React, { Component } from 'react'

export default class App extends Component {
  render() {
    return (
      <div>
        父组件
        {/**在子组件标签之间  插入 */}
        <Child>
          <div>内容一</div>
          <div>内容二</div>
        </Child>
      </div>
    )
  }
}

class Child extends Component {
  render() {
    //通过props接收children属性
    //传递的一个接收到的是对象  传递的是多个接收到的是数组对象
    console.log(this.props);
    return (
      <div>
        子组件
        {this.props.children[1]}
        <div style={{ border: '1px solid red' }}>{this.props.children[0]}</div>
      </div>
    )
  }
}
